<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--iPhone私有标签，它表示：允许全屏模式浏览-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!--iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式-->
    <meta name="format-detection" content="telephone=no; email=no" />
    <!--不识别邮件和不把数字识别为电话号码-->
    <link rel="stylesheet" href="./css/front-less/common.css" />
    <link rel="stylesheet" href="./css/front-less/curse-screen.css" />
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <title>wkt主页-搜索</title>
</head>
<body>
<!--导航模块-->
<nav class="container-layout" id="public-header">
    <div class="content-layout" id="header-nav">
        <div class="logo-box">
            <a href="./index.html" class="logo">
                <img src="" alt="">
            </a>
            <div class="classify">
                <span class="classify-log"></span>
                分类
                <div class="category-f">
                    <ul class="cate-f">
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item">
                                <ul class="itemleft ">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-95">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-190">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-285">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="identity">
                我是教师
            </div>
        </div>
        <div class="main-nav">
            <a href="./index.html" class="nav-unit">首页</a>
            <a href="./discover.html" class="nav-unit">发现</a>
            <a href="./" class="nav-unit">课程</a>
        </div>
        <form action="" class="search-box layui-form">
            <input type="text" class="whole-search" placeholder="请输入课程或老师">
            <input type="submit" class="whole-s-btn layui-icon layui-icon-search" value="">
            <a href="javascript:;" class="close-search layui-icon layui-icon-close"></a>
        </form>
        <ul class="nav navbar-nav navbar-right">
            <li class="navbar-right-item">
                <ul class="fun">
                    <li class="fun-item"><a href="javascript:;" class="icon icon-search"></a></li>
                    <li class="fun-item user-hint">
                        <a href="javascript:;" class="icon icon-hint"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="./personal-msg.html">评论</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-like.html">赞</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-follow.html">粉丝</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-sys.html">系统通知</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="fun-item">
                        <a href="javascript:;" class="icon icon-msg"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="javascript:;">私发</a>
                                </li>
                                <li class="fun-list">
                                    <a href="javascript:;">群聊</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
            <!--<li class="user-lr">-->
            <!--<a href="javascript:;" class="register">注册</a>-->
            <!--<span class="sep">|</span>-->
            <!--<a href="javascript:;" class="login">登录</a>-->
            <!--</li>-->
            <li class="has-login navbar-right-item">
                <a href="javascript:;" class="user-header-top">
                    <img src="" alt="">
                </a>
                <div class="personal-fun">
                    <ul>
                        <li class="fun-list">
                            <a href="./personal-curse-m.html">我的主页</a>
                        </li>
                        <li class="fun-list">
                            <a href="./personal-study-r.html">学习记录</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">退出登录</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>

    </div>
</nav>
<div class="container-layout" id="container-main">
    <div class="content-layout" id="main-swiper">
        <div class="layui-carousel" id="top-swiper">
            <div carousel-item>
                <div>条目1</div>
                <div>条目2</div>
                <div>条目3</div>
                <div>条目4</div>
                <div>条目5</div>
            </div>
        </div>
    </div>
    <div class="content-layout tem-for-curse-cate">
        <span class="layui-breadcrumb" lay-separator=">">
          <a href="">全部课程</a>
          <a href="">设计</a>
          <a href="" class="active-c-c">游戏UI设计</a>
        </span>
        <ul class="classify-d-list">
            <li class="classify-d-item">
                <a href="javascript:;">全部 <span class="layui-icon layui-icon-right"></span></a>
            </li>
            <li class="classify-d-item">
                <a href="javascript:;" class="active-c-d">游戏UI设计</span></a>
            </li>
            <li class="classify-d-item">
                <a href="javascript:;">交互设计</span></a>
            </li>
            <li class="classify-d-item">
                <a href="javascript:;">web UI设计</span></a>
            </li>
            <li class="classify-d-item">
                <a href="javascript:;">app UI设计</span></a>
            </li>
            <li class="classify-d-item">
                <a href="javascript:;">其他</span></a>
            </li>
        </ul>
        <div class="packbox">
            <ul class="sort-standard">
                <li class="standard-item">
                    <a href="javascript:;" class="standard-d active-s">综合排行</a>
                    <div class="local-box">
                        <ul class="rank">
                            <li><a href="javascript:;" class="rank-d">综合排行</a></li>
                            <li><a href="javascript:;" class="rank-d">好评排行</a></li>
                            <li><a href="javascript:;" class="rank-d">人气排行</a></li>
                            <li><a href="javascript:;" class="rank-d">价格升序</a></li>
                            <li><a href="javascript:;" class="rank-d">价格降序</a></li>
                        </ul>
                    </div>
                </li>
                <li class="standard-item">
                    <a href="javascript:;" class="standard-d">内容选择</a>
                    <div class="local-con-box">
                        <p class="standard-cate-t">课程类型</p>
                        <ul class="local-c-list">
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d active-s">直播课程</a>
                            </li>
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d">直播课程</a>
                            </li>
                        </ul>
                        <p class="standard-cate-t">价格区间</p>
                        <ul class="local-c-list">
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d active-s">免费课程</a>
                            </li>
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d">￥50以下</a>
                            </li>
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d">￥50-100</a>
                            </li>
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d">￥100-500</a>
                            </li>
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d">￥500-1000</a>
                            </li>
                            <li class="local-c-item">
                                <a href="javascript:;" class="local-c-d">￥1000以上</a>
                            </li>
                            <div class="section-box">
                                <input type="text" name="less" placeholder="最低价">
                                &nbsp-&nbsp
                                <input type="text" name="more" placeholder="最高价">
                            </div>
                        </ul>
                        <div class="sum-box">
                            <a href="javascript:;" class="del-btn">清空筛选</a>
                            <a href="JavaScript:;" class="start-screen-btn layui-btn">确定</a>
                        </div>
                    </div>
                </li>
                <li class="standard-item">
                    <a href="javascript:;" class="standard-d">体验选择</a>
                    <div class="local-box">
                        <ul class="rank">
                            <li><a href="javascript:;" class="rank-d">思维严谨</a></li>
                            <li><a href="javascript:;" class="rank-d">态度亲切</a></li>
                            <li><a href="javascript:;" class="rank-d">情绪饱满</a></li>
                            <li><a href="javascript:;" class="rank-d">幽默风趣</a></li>
                            <li><a href="javascript:;" class="rank-d">技艺精湛</a></li>
                            <li><a href="javascript:;" class="rank-d">美女老师</a></li>
                            <li><a href="javascript:;" class="rank-d">帅哥老师</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
            <p class="all-check-num">共找到23356门课程</p>
        </div>

        <div class="z-b-cate">
            <ul class="z-b-cate-l">
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name compensation">￥14015.00</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
                <li class="curse-live z-b-unit">
                    <a href="" class="cur-live-img">
                        <img src="" alt="">
                    </a>
                    <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                    <div class="teachers">
                        <ul class="z-b-curse-garde">
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <i class="garde">4.5</i>
                        </ul>
                        <p class="teacher-name">免费</p>
                    </div>
                    <p class="has-learn">
                        <i>265456</i>人已学过
                    </p>
                </li>
            </ul>
        </div>
        <div id="laypage-f"></div>
    </div>
</div>
<script src="./js/assets/less.min.js"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./js/front-js/common.js"></script>
<script src="./js/front-js/curse-screen.js"></script>
</body>
</html>